<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_MdkI30',
'img_A2NB31',
'ZY_QuanGuoFuWuReXian_2',
'ZY_3_3'
"  ></cms:ads>

<div class="header">
 <div class="top container flex align-center space-between">
  <img src="${img_MdkI30.adImg}" class="logo zy" data-type="ad" data-id="${img_MdkI30.adId}">
  <div class="flex align-center">
   <img src="${img_A2NB31.adImg}" class="phone-icon zy" data-type="ad" data-id="${img_A2NB31.adId}">
   <div>
    <h2 class="font-22 zy" data-type="ad" data-id="${ZY_QuanGuoFuWuReXian_2.adId}">${ZY_QuanGuoFuWuReXian_2.adTitle}</h2>
    <h3 class="font-22 mt-10 zy" data-type="ad" data-id="${ZY_3_3.adId}">${ZY_3_3.adTitle}</h3>
   </div>
  </div>
 </div>
 <div class="nav-wrap">
  <div class="container flex align-center space-between">
   <ul class="flex align-center flex-1">
    <c:forEach var="item" items="${pcNav }">

      <c:if test="${fn:contains(item.navUrl, 'http')}">
       <li class="nav-item nav-item-hover">
       <a href="${item.navUrl }" data-type="nav"
          data-id="${item.navId }" class="navElement zy">${item.navName }</a>
         <c:if test="${fn:length(item.childrenNav) >0  }">
          <div class="nav-layout">
           <c:forEach var="childer" items="${item.childrenNav }">
            <h3 class="nav-sub-item"><a href="${path }/${childer.navUrl }" data-type="nav"
                   data-id="${childer.navId }" class="navElement zy" >${childer.navName }</a></h3>
           </c:forEach>
          </div>
         </c:if>
       </li>
      </c:if>
      <c:if test="${!fn:contains(item.navUrl, 'http')}">
       <li class="nav-item nav-item-hover">
        <a href="${path }/${item.navUrl }" data-type="nav"
           data-id="${item.navId }" class="navElement zy">${item.navName }</a>
        <c:if test="${fn:length(item.childrenNav) >0  }">
         <div class="nav-layout">
          <c:forEach var="childer" items="${item.childrenNav }">
           <h3 class="nav-sub-item"><a href="${path }/${childer.navUrl }" data-type="nav"
                                       data-id="${childer.navId }" class="navElement zy" >${childer.navName }</a></h3>
          </c:forEach>
         </div>
        </c:if>
       </li>
      </c:if>

<%--      <c:if test="${fn:length(item.childrenNav) >0  }">--%>
<%--       <ul class="sub-nav animated fadeIn">--%>
<%--        <c:forEach var="childer" items="${item.childrenNav }">--%>
<%--         <li><a href="${path }/${childer.navUrl }" data-type="nav"--%>
<%--                data-id="${childer.navId }" class="navElement zy" >${childer.navName }</a></li>--%>
<%--        </c:forEach>--%>
<%--       </ul>--%>
<%--      </c:if>--%>
    </c:forEach>
   </ul>
  </div>
 </div>
</div>